{include file="public/head"/}
<link rel="stylesheet" href="__PUBLIC__phone/css/account.css"/>
<body>
<!--头部-->
<header id="headers">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <a href="javascript:;" class="leftRuted glyphicon glyphicon-menu-left pull-left" ></a>
                <p>我的账户</p>
            </div>
        </div>
    </div>
</header>
<!-- 我的账户 -->
<div class="account normalBox">
    <div class="container countwrap">
        <div class="countbox">
            <span>当前余额：￥{$balance}元</span>
            <a href="{:url('/home/Personal/recharge')}" class="pay">立即充值</a>
            <a href="javascript:;" class="remind">余额提醒</a>
        </div>
        <div class="tabs">
            <table class="table-bordered table">
                <tr>
                    <th>订单编号</th>
                    <th>余额(元)</th>
                    <th>交易类型</th>
                    <th>交易时间</th>
                </tr>
                {volist name="account.data" id="or"}
                <tr>
                    <td>{$or.order_number}</td>
                    <td>{$or.money}</td>
                    <td>{$or.pay_type_name}</td>
                    <td>{$or.addtime}</td>
                </tr>
                {/volist}
            </table>
        </div>
    </div>
</div>
<div class="page">
    <ul id="pageLimit" class="pagination"></ul>
</div>
{if condition="$account['last_page'] gt '1'"}
<script type="text/javascript" src="__PUBLIC__phone/js/bootstrap-paginator.js"></script>
<script>
    $('#pageLimit').bootstrapPaginator({
        currentPage: "<?php echo $account['current_page']; ?>", //当前的请求页面。
        totalPages: "<?php echo $account['last_page']; ?>", //一共多少页。
        size:"small", //应该是页眉的大小。
        bootstrapMajorVersion: 3, //bootstrap的版本要求。
        alignment:"right",
        numberOfPages:3,  //一页列出多少数据。
        itemTexts: function (type, page, current) {   //如下的代码是将页眉显示的中文显示我们自定义的中文。
          switch (type) {
                case "first": return "首页";
                   case "prev": return "上一页";
                    case "next": return "下一页";
                   case "last": return "尾页";
                   case "page": return page;
                }
        },
        onPageClicked: function (event, originalEvent, type, page){  //给每个页眉绑定一个事件，其实就是ajax请求，其中page变量为当前点击的页上的数字。
            window.location.href = '/home/Personal/account?page='+page;
        }
   });
</script>
{/if}
</body>
</html>